
.welcome-moudle{
  background: #fff;
  overflow: hidden;
  height: 100%;
}
.left-box{
  width: 50%;
  float: left;
  .car-box{
    float: left;
    position: relative;
    width: 450px;
    left: 55%;
    animation:movecar 3s ;
    .car{
      width: 450px;
    }
    .foot1{
      position: absolute;
      left: 81px;
      bottom: 62px;
      width: 50px;
    }
    .foot2{
      position: absolute;
      right: 81px;
      bottom: 62px;
      width: 50px;
    }
    .trans-foot{
      animation:movefoot 3s ;
    }
    @keyframes movefoot
    {
      0%   {transform:rotate(0deg);}
      100% {transform:rotate(7200deg);}
    }
    @keyframes movecar
    {
      0%   {left: -300px}
      100% {left: 55%}
    }
  }
}


.dz-box{
  float: right;
  width: 50%;
  position: relative;
  img{
    height: 160px;
    margin-left: 190px;
    position: absolute;
    z-index: 9;
  }
  span{
    width: 50px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    z-index: 0;
    display: block;
    position: absolute;
    bottom: -143px;
    left: 156px;
    box-shadow: 28px 25px 16px #999;
  }
 }

.text-module{
  width: 100%;
  height: 300px;
  background: linear-gradient(to bottom, #fff 10%, #f0f8fd 90%);
  border-radius: 50%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-bottom: 100px;
  position: relative;
  p{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    padding-top: 60px;
    text-indent: 120px;
  }
  img{
    background: #333;
    border-radius: 50%;
    box-shadow: 0 0 10px #000;
    animation:movelogo 3s ;
    height: 50px;
    width: 52px;
    position: absolute;
    bottom: -25px;
    margin-left: -26px;
    left: 50%;
  }
  @keyframes movelogo
  {
    0%   {background: #fff;box-shadow: 0 0 0 #fff;}
    5%   {background: #fff;box-shadow: 0 0 0 #fff;}
    40% {background: #333;box-shadow: 0 0 10px #000;}
    80%   {background: #ddd;box-shadow: 0 0 0 #ddd;}
    100% {background: #333;box-shadow: 0 0 10px #000;}
  }
}

